<style>
ul li{ list-style:none;}
.htthanhtoan-box{ width: 855px; height:530px; background:#FFF; margin:auto;}
.title-htthanhtoan{background:#a7e36c; height:39px; margin-bottom:5px;}
.title-htthanhtoan span{color:#5d5d5d; font-size:20px; display:block; padding-top:6px; padding-left:13px; float:left;}

.htthanhtoan-btn {
    background: url(../images/login-btn-bg2.png) no-repeat; width:138px; height:42px;
    border-radius: 3px 3px 3px 3px;
    color: #707070;
    cursor: pointer;
    font-size:18px;
    padding: 2px 10px 8px 5px;
    text-align: center !important;
	border:none;
	margin-top:15px; margin-bottom:15px;
	margin-left:170px; float:right;
}
.footer-htthanhtoan{ border-top:1px solid #666; margin:auto; padding-top:10px; margin:20px;}
.s_method_freeshipping_freeshipping span {
    background: url("../images/icon-giaohang2.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin-top: -30px; margin-left:-69px;
    width: 72px;
}
.s_method_freeshipping_freeshipping {
    padding: 20px 20px 20px 65px; float:right;
}
.s_method_flatrate_flatrate span {
    background: url("../images/icon-giaohang1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 42px;
    margin-top: -30px; margin-left:-57px;
    width: 72px;
}
.s_method_flatrate_flatrate {
    padding: 20px 20px 20px 65px; float:left;	
}
.content-htthanhtoan{margin-top:5px;}
.content-htthanhtoan .customer-info{margin-left:18%; float:left;}
.content-htthanhtoan .field label{ width: 130px; text-align:right; color:#666666; float:left; font-size:12px; margin-top:19px; padding-right:10px;}
.content-htthanhtoan .field label em{ color:#F00;}
.content-htthanhtoan .form-list input {
    display: block;
    float: left;
    width: 260px; height:25px; margin-top:12px;
}

</style>

<div class="htthanhtoan-box">
	<div class="title-htthanhtoan">
    	<span>Thông tin thanh toán</span>
    </div>
    <div class="content-htthanhtoan">    	
        <div class="customer-info">        	
            <ul class="form-list">
            	<li class="field">
                	<label> Họ tên<em>*</em></label>
                    <input type="text" class="" id="name" name="" title="Họ tên" />
                </li>
                <li class="field">
                	<label> Email<em>*</em></label>
                    <input type="text" class="" id="email" name="" title="Email" disabled="disabled" />
                </li>
                <li class="field">
                	<label> Điện thoại<em>*</em></label>
                    <input type="text" class="" id="phone" name="" title="Điện thoại" disabled="disabled" />
                </li>
                 <li class="field">
                	<label> Tỉnh thành<em>*</em></label>
                    <select style="width: 260px; height:27px; margin-top:12px;" id="provinder" name="provinder" title="Tỉnh thành"> 
                    	<option value="1"> Nam</option>
                        <option value="0"> Nữ</option>
                    </select>
                </li>
                 <li class="field">
                	<label> Địa chỉ<em>*</em></label>
                    <input type="text" class="htthanhtoan-input" id="address" name="" title="Địa chỉ" />
                </li>  
                 <li class="field">
                	<label> Email người giới thiệu</label>
                    <input type="text" class="" id="email" name="" title="Email" />
                </li>
            </ul>
        </div>
    	
    </div>
    <div class="clear"></div>
    <div class="footer-htthanhtoan">
    	<img src="../images/ht-thanhtoan.png" alt="" width="833" height="439" />
        <button id="htthanhtoan-btn" name="htthanhtoan" title="Tiếp tục" value="" class="htthanhtoan-btn" type="submit"><span>Tiếp tục</span></button>
    </div>
    
</div>